<@js src="/js/front/login-pwd.js"/>
<@css src="/css/front/login.css" />
<@content name="head">
<title>美时创作平台内测版 - 用户登录</title>
</@content>
<@content name="content">
<div class="card text-center mx-auto mt-5" style="width:500px;">
    <div class="card-block pb-5">
        <h1 class="card-title mt-4">MAGIC HOUR</h1>
        <h4 class="card-subtitle mb-3">A MOMENT LIKE THIS</h4>
        <p class="card-desc mb-5">美时创作平台内测版</p>
        <form class="ml-5 mr-5" id="login-form" action="/api/user/login-pwd" method="post">
            <div class="form-group row mb-4">
                <select class="form-control">
                    <option>中国 +86</option>
                </select>
            </div>
            <div class="form-group row mb-4">
                <input class="form-control" maxlength="11" type="text" name="mobile" placeholder="手机号码">
            </div>
            <div class="form-group row mb-4">
                <input type="password" maxlength="20" name="password" class="form-control" placeholder="用户密码" id="mobile-pwd">
            </div>
            <div class="bg-danger text-white mb-3" id="login-error-info"></div>
            <button href="javascript:;" class="btn btn-primary disabled" id="login-btn">　登　录　</button>
            <div class="card-text mb-4 text-right">
                <a href="/login-code.html" id="pwd-login">手机验证码登录</a>
            </div>
            <div class="text-center">

            </div>
        </form>
    </div>
</div>
</@content>

<@content name="foot">
    <script src="${staticUrl}/vender/jquery.cookie.js" ></script>
</@content>
<@parent path="/front/common/front-layout.ftl" />
